import React from "react"
import "./index.css"
//使用组合的方式来分发组件的内容
//展示的时候使用props.children来进行展示
//请记住 react组件可以接受任意数据类型包括react元素 函数 基本数据类型
class Com extends React.Component {
    render() {
        console.log(this.props)
        return (
            <fieldset>
                <legend>组合</legend>
                <div className="sideBar">
                    <h1>左侧栏</h1>
                    <h2>{this.props.sideBar}</h2>
                </div>
                <div className="article">
                    <h1>右侧栏</h1>
                    <h2>{this.props.article}</h2>
                </div>
            </fieldset>
        )
    }
}

export default Com